<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>百度一下，你就知道</title>

<link rel="stylesheet" href="./static/reset.css">
<link rel="stylesheet" href="./static/baidu.css">

</head>


<body>
    <!-- 头部 -->
    <header class="header">
        <ul class="nav-header-left">
            <li class="nav-header-li"><a href="http://news.baidu.com/" target="_blank">新闻</a></li>
            <li class="nav-header-li"><a href="https://www.hao123.com/" target="_blank">hao123</a></li>
            <li class="nav-header-li"><a href="https://map.baidu.com/@13241339,3754931,13z" target="_blank">地图</a></li>
            <li class="nav-header-li"><a href="https://haokan.baidu.com/?sfrom=baidu-top" target="_blank">视频</a></li>
            <li class="nav-header-li"><a href="https://tieba.baidu.com/index.html" target="_blank">贴吧</a></li>
            <li class="nav-header-li"><a href="http://xueshu.baidu.com/" target="_blank">学术</a></li>
        </ul>

        <ul class="nav-header-right">
            <li class="nav-header-li"><a href="#" style="color: red;">抗击疫情</a></li>
            <li class="nav-header-li"><a href="#">设置</a></li>
        </ul>
    </header>

    <!-- 内容 -->
    <div class="content-container">
        <div class="search-container">
            <img src="./static/img/baidu.png" alt="logo">
            <div class="search-input-container">
                <input class="search-input" type="text">
                <button class="search-button">百度一下</button>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <footer>
        <ul class="nav-footer-left">
            <li class="nav-footer-li"><a href="https://www.baidu.com/cache/setindex/index.html" target="_blank">设为首页</a></li>
            <li class="nav-footer-li"><a href="https://home.baidu.com/" target="_blank">关于百度</a></li>
            <li class="nav-footer-li"><a href="http://ir.baidu.com/" target="_blank">About Baidu</a></li>
            <li class="nav-footer-li"><a href="https://isite.baidu.com/site/e.baidu.com/d38e8023-2131-4904-adf7-a8d1108f51ef?refer=888" target="_blank">百度营销</a></li>
            <li class="nav-footer-li"><a href="https://www.baidu.com/duty/" target="_blank">使用百度前必读</a></li>
            <li class="nav-footer-li"><a href="https://help.baidu.com/newadd?prod_id=1&category=4" target="_blank">意见反馈</a></li>
            <li class="nav-footer-li"><a href="https://help.baidu.com/" target="_blank">帮助中心</a></li>
        </ul>

        <ul class="nav-footer-right">
            <li class="nav-footer-li">@2020 Baidu</li>
            <li class="nav-footer-li">(京)-经营性-2017-0020</li>
            <li class="nav-footer-li"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" target="_blank">京公网安备11000002000001号</a></li>
            <li class="nav-footer-li">京ICP证030173号</li>
        </ul>
    </footer>

</body>
</html>